iT邦幫忙

2025 iThome 鐵人賽

DAY 17
0
自我挑戰組

請問這是魔法嗎?前端轉職菜雞的修煉之路!系列 第 17

DAY 17 連線的魔法 - LINE (1) LINE Login v2.1 (1) - 開通 LINE developers console

  • 分享至 

  • xImage
  •  

如題,就是連線的魔法,LINE的魔法XD

前幾天,已經講了 Firebase 的第三方登入,今天就來聊聊 LINE 的第三方登入 (v2.1) 吧~

在串接之前,我們要在 LINE Developers 平台註冊帳號並登入,然後進入到 Console 建立取開發者名稱和 Email 已開通帳號:
https://ithelp.ithome.com.tw/upload/images/20251001/20178674Ww9qvQBtHz.png
https://ithelp.ithome.com.tw/upload/images/20251001/20178674iniN7Y29tY.png
https://ithelp.ithome.com.tw/upload/images/20251001/20178674YMAZXZlPc6.png
https://ithelp.ithome.com.tw/upload/images/20251001/20178674esfkpQf1p0.png

接著,按下「Create a new provider」,並取個名字:
https://ithelp.ithome.com.tw/upload/images/20251001/20178674g6cXuyXq2h.png

進入該 provider 後,點擊「Create a LINE Login channel」,並將有關這個 Channel 必填的欄位填上內容,點擊「Create」就完成了:
https://ithelp.ithome.com.tw/upload/images/20251001/20178674JgjYQriO8I.png
https://ithelp.ithome.com.tw/upload/images/20251001/20178674QpXdlJn7kX.png

正式串接前,在剛建立的 Channel 中有些重要的東西我們之後會需要用到,分別是:

  1. Basic settings 中的 Channel ID
  2. Basic settings 中的 Channel secret
  3. LINE Login 中必須自己設置的 Callback URL,也就是從 LINE 授權後,導回專案的路由位置

最後再將 Channel 狀態從 developing 設置成 published,我們就準備好了!


上一篇
DAY 16 烤得恰恰好的吐司的魔法 - React-Toastify
下一篇
DAY 18 連線的魔法 - LINE (1) LINE Login v2.1 (2) - 串接串起來
系列文
請問這是魔法嗎?前端轉職菜雞的修煉之路!30
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言